import React from 'react';

interface LayerContainerProps {
    renderIndex: number;
    children: React.ReactNode;
}

const LayerContainer: React.FC<LayerContainerProps> = ({ renderIndex, children }) => {
    return (
        <div
            className="layer-container"
            style={{
                zIndex: renderIndex,
                position: 'absolute',
                top: 0,
                left: 0,
                width: '100%',
                height: '100%',
                pointerEvents: 'none',
            }}
        >
            {children}
        </div>
    );
};

export default LayerContainer;
